
@height: 49px;

.holder {
    padding: 20px;
    height: @height;
}

.content {
    padding: 20px 0;
    display: block;
    background-image: url(https://cdn.weipaitang.com/static/20180810ae95e685-e2e5-4e25-9fec-a2f827b4d359-W750H98);
    background-repeat: no-repeat;
    background-size: auto 49px;
    background-position: center 20px;
    position: absolute;
    width: 7.5rem;
    box-sizing: border-box;
    bottom: 0px;
    left: 50%;
    margin-left: -3.75rem;
    opacity: 0;
    animation: showSupport 1s both;
    @keyframes showSupport {
        0% {
            opacity: 0;
        }
        60% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    .link {
        display: block;
        width: 100%;
        height: 49px;
    }
}

.abs .content {
    bottom: 49px;
}


:global(.needBottomFit) {
    .abs .content {
        transform: translate(0, -34px);
    }
}

:global(.needBottomFit) {
    .keepBottom {
        .content, .holder {
            padding-bottom: 54px;
        }
    }
}
